<div id="report_page" class="report_page">
    <!--电商能力认证-->
    <div class="report_page_top_blank">
        <div class="report_page_top">
            <div class="top_title">
                <span id="download_btn" class="download_btn" ng-click="down_img.btn_click()"></span>
            </div>
            <div class="top_info">
                <span class="userPhoto">
                    <img src="./images/userPhoto.png" alt="">
                </span>
                <div class="userInfo">
                    <h4 ng-bind="user_info.real_name">陈世民</h4>
                    <div class="info_list">
                        <p ng-if="user_info.sex==0">性别:&nbsp;男</p>
                        <p ng-if="user_info.sex==1">性别:&nbsp;女</p>
                        <p>出生年月:&nbsp;{{user_info.birthday | getYear}}年{{user_info.birthday | getMonth}}月</p>
                        <p>账号码:&nbsp;{{user_info.phone}}</p>
                    </div>
                    <div class="info_list">
                        <p>学历:&nbsp;{{user_info.education}}</p>
                        <p class="p_major">专业:&nbsp;{{user_info.major}}
                            <span ng-class="{'showSpan':user_info.major.length > 16}" >{{user_info.major}}</span>
                        </p>
                        <p class="p_school">毕业学校:&nbsp;{{user_info.school}}
                            <span ng-class="{'showSpan':user_info.school.length > 14}" class="span_school">{{user_info.school}}</span>
                        </p>
                    </div>
                    <div class="info_list">
                        <p></p>
                        <p>评测岗位:&nbsp;{{user_info.cate_name}}</p>
                        <p>评测日期:&nbsp;{{user_info.create_time}}</p>
                    </div>
                </div>
            </div>
            <div class="top_result" ng-class="{'top_result_x':user_info.check_level == '0','top_result_c':user_info.check_level == '1','top_result_z':user_info.check_level == '2','top_result_g':user_info.check_level == '3'}">
                <div class="result_box">
                    <span class="level_icon"></span>
                    <span class="shuiYin_icon"></span>
                    <p class="result_title" ng-show="user_info.check_level == '0'">新手{{user_info.cate_name}}</p>
                    <p class="result_title" ng-show="user_info.check_level == '1'">初级{{user_info.cate_name}}</p>
                    <p class="result_title" ng-show="user_info.check_level == '2'">中级{{user_info.cate_name}}</p>
                    <p class="result_title" ng-show="user_info.check_level == '3'">高级{{user_info.cate_name}}</p>
                    <p class="result_p" ng-show="mature_list['zw']!=''&&mature_list['zw']">掌握&nbsp;“&nbsp;{{mature_list['zw']}}&nbsp;”</p>
                    <p class="result_p" ng-show="mature_list['sx']!=''&&mature_list['sx']">熟悉&nbsp;“&nbsp;{{mature_list['sx']}}&nbsp;”</p>
                    <p class="result_p" ng-show="mature_list['lj']!=''&&mature_list['lj']">了解&nbsp;“&nbsp;{{mature_list['lj']}}&nbsp;”</p>
                    <p class="result_p" ng-show="mature_list['br']!=''&&mature_list['br']">在&nbsp;“&nbsp;{{mature_list['br']}}&nbsp;”&nbsp;方面稍显薄弱</p>
                </div>
            </div>
        </div>
    </div>
    <div class="report_page_center_blank">
        <div class="report_page_center">
            <div class="center_vdoing">
                <div class="vdoing_title_top"></div>
                <p class="vdoing_title">{{user_info.check_level_name}}核心能力维度</p>
                <div class="vdoing_title_bottom"></div>
                <div class="ability_list" ng-repeat="item in second_ability_list">
                    <span class="ability_list_left">{{item.ability_name}}</span>
                    <div class="ability_list_right">
                        <div class="progressBar_box" id="progressBar_box">
                            <div class="progressBar" id="progressBar" ng-bind="item.check_score | check_score:$index:item"></div>
                        </div>
                    </div>
                </div>
                <div class="ability_img clearfix">
                    <!--第一行只有3个居中显示第一个icon_div加class icon_div_3-->
                    <div class="icon_div" ng-repeat="items in second_ability_list" ng-class="{'icon_div_3':second_ability_list.length==3&&$index==0}">
                        <span class="icon_all icon_sp"></span>
                        <p class="icon_title">{{items.ability_name}}</p>
                        <p class="icon_sec">{{items.content.substring(0,15)}}</p>
                        <p class="icon_sec">{{items.content.substring(15,32)}}</p>
                        <p class="icon_sec">{{items.content.substring(33,45)}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="report_page_detailing_blank">
        <div class="report_page_detailing">
            <div class="detailing_title_top"></div>
            <div class="detailing_title">{{user_info.check_level_name}}细化能力维度</div>
            <div class="detailing_title_bottom"></div>
            <div class="detailing_list">
                <div class="list_top">
                    <span>优秀:</span>
                    <span>{{third_ability_list['best']['count']}}</span>
                    <span>项</span>
                </div>
                <div class="list_center clearfix">
                    <!--<span ng-repeat="third_ability_list['best']['ability_name']">{{third_ability_list['best']['ability_name'].$index}}</span>-->
                    <span ng-show="third_ability_list['best']['count']!=0" ng-repeat="item in third_ability_list['best']['ability_name']">{{item}}</span>
                    <span ng-show="third_ability_list['best']['count']==0">无</span>
                </div>
            </div>
            <div class="detailing_list">
                <div class="list_top">
                    <span>良好:</span>
                    <span>{{third_ability_list['average']['count']}}</span>
                    <span>项</span>
                </div>
                <div class="list_center clearfix">
                    <span ng-show="third_ability_list['average']['count']!=0" ng-repeat="item in third_ability_list['average']['ability_name']">{{item}}</span>
                    <span ng-show="third_ability_list['average']['count']==0">无</span>
                </div>
            </div>
            <div class="detailing_list">
                <div class="list_top">
                    <span>有待提升:</span>
                    <span>{{third_ability_list['bad']['count']}}</span>
                    <span>项</span>
                </div>
                <div class="list_center clearfix">
                    <span ng-show="third_ability_list['bad']['count']!=0" ng-repeat="item in third_ability_list['bad']['ability_name']">{{item}}</span>
                    <span ng-show="third_ability_list['bad']['count']==0">无</span>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer_blank">
        <div class="footer_center">
            <p>由缔造网商企业大学系统—网商云学院重磅打造</p>
            <p>依托天下网商多年电商行业积累和研究院的电商优秀讲师</p>
            <p>定制针对电商从业人群的岗位能力认证</p>
            <p>为电商企业提供真实的电商人才报告，为电商人才提供客观的评测结果</p>
            <p>帮助双方理性评估和选择</p>
            <span class="to_top" ng-click="top()"></span>
        </div>
    </footer>
</div>